import React from 'react';
import style from './index.less'
import { createBrowserHistory } from 'history'
import returnImg from "@react/assets/return.png";
const history = createBrowserHistory();
export default class RankingList extends React.Component {
    constructor(...props) {//构建函数 created  
        super(...props); //需要手动调用
    };
    goBack() { //返回上一页
        history.go(-1)
        // history.back()
    };
    btnClick(){
        //子传参给父
        this.props.btnClick && this.props.btnClick(this.props.num)
    };
    render() {
        const props = this.props
        return (
            <div>
                <div  className={style.header}>
                <header>
                    {/* 判断显示隐藏，入参，传入函数  传入的函数和数据都会挂在props上 */}
                    {!props.isReturn && <div onClick={props.goBack ? props.goBack : this.goBack.bind(this)} className={style.header_return}>
                        <img src={returnImg}/>
                    </div>}
                    <div className={style.header_name}>{props.name}</div>
                    {props.btn && <div className={style.header_btn} onClick={this.btnClick.bind(this)}>{props.btn}</div>}
                </header>
                </div>
                <div className={style.placeholder}></div>
            </div>
        )
    };
}